﻿<!DOCTYPE html>
<html>
  <head>
    <title>关注页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/关注页/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/关注页/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组合) -->
      <div id="u834" class="ax_default" data-left="318" data-top="65" data-width="437" data-height="866">

        <!-- Unnamed (矩形) -->
        <div id="u835" class="ax_default box_11">
          <div id="u835_div" class=""></div>
          <div id="u835_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u836" class="ax_default box_11">
          <div id="u836_div" class=""></div>
          <div id="u836_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u837" class="ax_default shape">
          <img id="u837_img" class="img " src="images/主体/u183.svg"/>
          <div id="u837_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u838" class="ax_default box_11">
          <div id="u838_div" class=""></div>
          <div id="u838_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u839" class="ax_default box_11">
          <div id="u839_div" class=""></div>
          <div id="u839_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u840" class="ax_default box_11">
          <div id="u840_div" class=""></div>
          <div id="u840_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u841" class="ax_default box_11">
          <div id="u841_div" class=""></div>
          <div id="u841_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Camera 1 (组合) -->
        <div id="u842" class="ax_default" data-label="Camera 1" data-left="580" data-top="94" data-width="15" data-height="15">

          <!-- Unnamed (椭圆) -->
          <div id="u843" class="ax_default ellipse">
            <img id="u843_img" class="img " src="images/主体/u180.svg"/>
            <div id="u843_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (椭圆) -->
          <div id="u844" class="ax_default ellipse">
            <img id="u844_img" class="img " src="images/主体/u181.svg"/>
            <div id="u844_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u845" class="ax_default box_11">
          <div id="u845_div" class=""></div>
          <div id="u845_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u846" class="ax_default box_1">
        <div id="u846_div" class=""></div>
        <div id="u846_text" class="text ">
          <p><span>关注</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u847" class="ax_default icon">
        <img id="u847_img" class="img " src="images/首页-推荐/u310.svg"/>
        <div id="u847_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u848" class="ax_default" data-left="645" data-top="111" data-width="70" data-height="15">

        <!-- Unnamed (形状) -->
        <div id="u849" class="ax_default icon">
          <img id="u849_img" class="img " src="images/登录/u218.svg"/>
          <div id="u849_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u850" class="ax_default icon">
          <img id="u850_img" class="img " src="images/登录/u219.svg"/>
          <div id="u850_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u851" class="ax_default label ax_default_hidden" style="display:none; visibility: hidden">
          <div id="u851_div" class=""></div>
          <div id="u851_text" class="text ">
            <p><span>12:30 </span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u852" class="ax_default icon">
          <img id="u852_img" class="img " src="images/登录/u221.svg"/>
          <div id="u852_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u853" class="ax_default" data-left="348" data-top="826" data-width="376" data-height="81">

        <!-- Unnamed (组合) -->
        <div id="u854" class="ax_default" data-left="348" data-top="826" data-width="376" data-height="81">

          <!-- Unnamed (矩形) -->
          <div id="u855" class="ax_default box_1">
            <div id="u855_div" class=""></div>
            <div id="u855_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u856" class="ax_default label">
            <div id="u856_div" class=""></div>
            <div id="u856_text" class="text ">
              <p><span>首页</span></p>
            </div>
          </div>

          <!-- 首页icon (形状) -->
          <div id="u857" class="ax_default icon" data-label="首页icon">
            <img id="u857_img" class="img " src="images/首页-推荐/__icon_u320.svg"/>
            <div id="u857_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u858" class="ax_default" data-left="654" data-top="829" data-width="28" data-height="49">

          <!-- Unnamed (矩形) -->
          <div id="u859" class="ax_default label">
            <div id="u859_div" class=""></div>
            <div id="u859_text" class="text ">
              <p><span>个人</span></p>
            </div>
          </div>

          <!-- 我的icon (形状) -->
          <div id="u860" class="ax_default icon" data-label="我的icon">
            <img id="u860_img" class="img " src="images/首页-推荐/__icon_u323.svg"/>
            <div id="u860_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u861" class="ax_default" data-left="451" data-top="826" data-width="34" data-height="52">

          <!-- Unnamed (矩形) -->
          <div id="u862" class="ax_default label">
            <div id="u862_div" class=""></div>
            <div id="u862_text" class="text ">
              <p><span>灵感</span></p>
            </div>
          </div>

          <!-- Unnamed (图像) -->
          <div id="u863" class="ax_default _图片">
            <img id="u863_img" class="img " src="images/首页-推荐/u327.png"/>
            <div id="u863_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u864" class="ax_default" data-left="593" data-top="832" data-width="30" data-height="45">

          <!-- Unnamed (矩形) -->
          <div id="u865" class="ax_default label">
            <div id="u865_div" class=""></div>
            <div id="u865_text" class="text ">
              <p><span>消息</span></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u866" class="ax_default icon">
            <img id="u866_img" class="img " src="images/首页-推荐/u330.svg"/>
            <div id="u866_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u867" class="ax_default box_11">
        <div id="u867_div" class=""></div>
        <div id="u867_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u868" class="ax_default box_1">
        <div id="u868_div" class=""></div>
        <div id="u868_text" class="text ">
          <p><span>推荐</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u869" class="ax_default" data-left="348" data-top="826" data-width="376" data-height="81">

        <!-- Unnamed (组合) -->
        <div id="u870" class="ax_default" data-left="348" data-top="826" data-width="376" data-height="81">

          <!-- Unnamed (矩形) -->
          <div id="u871" class="ax_default box_1">
            <div id="u871_div" class=""></div>
            <div id="u871_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u872" class="ax_default label">
            <div id="u872_div" class=""></div>
            <div id="u872_text" class="text ">
              <p><span>首页</span></p>
            </div>
          </div>

          <!-- 首页icon (形状) -->
          <div id="u873" class="ax_default icon" data-label="首页icon">
            <img id="u873_img" class="img " src="images/首页-推荐/__icon_u320.svg"/>
            <div id="u873_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u874" class="ax_default" data-left="654" data-top="829" data-width="28" data-height="49">

          <!-- Unnamed (矩形) -->
          <div id="u875" class="ax_default label">
            <div id="u875_div" class=""></div>
            <div id="u875_text" class="text ">
              <p><span>个人</span></p>
            </div>
          </div>

          <!-- 我的icon (形状) -->
          <div id="u876" class="ax_default icon" data-label="我的icon">
            <img id="u876_img" class="img " src="images/首页-推荐/__icon_u323.svg"/>
            <div id="u876_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u877" class="ax_default icon">
          <img id="u877_img" class="img " src="images/首页-推荐/u324.svg"/>
          <div id="u877_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u878" class="ax_default" data-left="451" data-top="826" data-width="34" data-height="52">

          <!-- Unnamed (矩形) -->
          <div id="u879" class="ax_default label">
            <div id="u879_div" class=""></div>
            <div id="u879_text" class="text ">
              <p><span>灵感</span></p>
            </div>
          </div>

          <!-- Unnamed (图像) -->
          <div id="u880" class="ax_default _图片">
            <img id="u880_img" class="img " src="images/首页-推荐/u327.png"/>
            <div id="u880_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u881" class="ax_default" data-left="593" data-top="832" data-width="30" data-height="45">

          <!-- Unnamed (矩形) -->
          <div id="u882" class="ax_default label">
            <div id="u882_div" class=""></div>
            <div id="u882_text" class="text ">
              <p><span>消息</span></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u883" class="ax_default icon">
            <img id="u883_img" class="img " src="images/首页-推荐/u330.svg"/>
            <div id="u883_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (图像热区) -->
      <div id="u884" class="ax_default">
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u885" class="ax_default box_11">
        <div id="u885_div" class=""></div>
        <div id="u885_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图像热区) -->
      <div id="u886" class="ax_default">
      </div>

      <!-- Unnamed (图像热区) -->
      <div id="u887" class="ax_default">
      </div>

      <!-- ClockText (矩形) -->
      <div id="u888" class="ax_default label" data-label="ClockText">
        <div id="u888_div" class=""></div>
        <div id="u888_text" class="text ">
          <p><span>文本标签</span></p>
        </div>
      </div>

      <!-- LoopPanel (动态面板) -->
      <div id="u889" class="ax_default" data-label="LoopPanel">
        <div id="u889_state0" class="panel_state" data-label="State1" style="">
          <div id="u889_state0_content" class="panel_state_content">
          </div>
        </div>
        <div id="u889_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
          <div id="u889_state1_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- Unnamed (图像热区) -->
      <div id="u890" class="ax_default">
      </div>

      <!-- 关注线 (直线 / 行距) -->
      <div id="u891" class="ax_default line" data-label="关注线">
        <img id="u891_img" class="img " src="images/关注页/关注线_u891.svg"/>
        <div id="u891_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- 推荐线（隐藏） (直线 / 行距) -->
      <div id="u892" class="ax_default line ax_default_hidden" data-label="推荐线（隐藏）" style="display:none; visibility: hidden">
        <img id="u892_img" class="img " src="images/关注页/关注线_u891.svg"/>
        <div id="u892_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u893" class="ax_default" data-left="357" data-top="172" data-width="358" data-height="623">

        <!-- Unnamed (图像) -->
        <div id="u894" class="ax_default _图片">
          <img id="u894_img" class="img " src="images/关注页/u894.svg"/>
          <div id="u894_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图像) -->
        <div id="u895" class="ax_default _图片">
          <img id="u895_img" class="img " src="images/关注页/u895.svg"/>
          <div id="u895_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u896" class="ax_default label">
          <div id="u896_div" class=""></div>
          <div id="u896_text" class="text ">
            <p><span>鸭鸭</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u897" class="ax_default _文本段落">
          <div id="u897_div" class=""></div>
          <div id="u897_text" class="text ">
            <p><span>蓝白色色卡搭配</span></p>
          </div>
        </div>

        <!-- iphone12 (组合) -->
        <div id="u898" class="ax_default" data-label="iphone12" data-left="357" data-top="485" data-width="358" data-height="2">

          <!-- iphone12 (矩形) -->
          <div id="u899" class="ax_default _形状" data-label="iphone12">
            <img id="u899_img" class="img " src="images/关注页/iphone12_u899.svg"/>
            <div id="u899_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u900" class="ax_default label">
          <div id="u900_div" class=""></div>
          <div id="u900_text" class="text ">
            <p><span>chick</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u901" class="ax_default _文本段落">
          <div id="u901_div" class=""></div>
          <div id="u901_text" class="text ">
            <p><span>我喜欢的。</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u902" class="ax_default" data-left="405" data-top="456" data-width="284" data-height="18">

          <!-- Unnamed (矩形) -->
          <div id="u903" class="ax_default label">
            <div id="u903_div" class=""></div>
            <div id="u903_text" class="text ">
              <p><span>20</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u904" class="ax_default label">
            <div id="u904_div" class=""></div>
            <div id="u904_text" class="text ">
              <p><span>5</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u905" class="ax_default label">
            <div id="u905_div" class=""></div>
            <div id="u905_text" class="text ">
              <p><span>3</span></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u906" class="ax_default icon">
            <img id="u906_img" class="img " src="images/首页-推荐/u583.svg"/>
            <div id="u906_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u907" class="ax_default" data-left="382" data-top="454" data-width="318" data-height="341">

          <!-- Unnamed (矩形) -->
          <div id="u908" class="ax_default label">
            <div id="u908_div" class=""></div>
            <div id="u908_text" class="text ">
              <p><span>16</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u909" class="ax_default label">
            <div id="u909_div" class=""></div>
            <div id="u909_text" class="text ">
              <p><span>3</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u910" class="ax_default label">
            <div id="u910_div" class=""></div>
            <div id="u910_text" class="text ">
              <p><span>10</span></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u911" class="ax_default icon">
            <img id="u911_img" class="img " src="images/首页-推荐/u583.svg"/>
            <div id="u911_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u912" class="ax_default icon">
            <img id="u912_img" class="img " src="images/首页-推荐/u582.svg"/>
            <div id="u912_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u913" class="ax_default icon">
            <img id="u913_img" class="img " src="images/首页-推荐/u568.svg"/>
            <div id="u913_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- iphone12 (组合) -->
        <div id="u914" class="ax_default" data-label="iphone12" data-left="0" data-top="0" data-width="0" data-height="0">
        </div>

        <!-- Unnamed (图像) -->
        <div id="u915" class="ax_default _图片">
          <img id="u915_img" class="img " src="images/关注页/u915.svg"/>
          <div id="u915_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u916" class="ax_default icon">
          <img id="u916_img" class="img " src="images/首页-推荐/u582.svg"/>
          <div id="u916_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- 关注+关注 (矩形) -->
        <div id="u917" class="ax_default button ax_default_hidden" data-label="关注+关注" style="display:none; visibility: hidden">
          <div id="u917_div" class=""></div>
          <div id="u917_text" class="text ">
            <p><span>+关注</span></p>
          </div>
        </div>

        <!-- 关注+关注 (矩形) -->
        <div id="u918" class="ax_default button ax_default_hidden" data-label="关注+关注" style="display:none; visibility: hidden">
          <div id="u918_div" class=""></div>
          <div id="u918_text" class="text ">
            <p><span>+关注</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (图像) -->
      <div id="u919" class="ax_default _图片">
        <img id="u919_img" class="img " src="images/关注页/u919.svg"/>
        <div id="u919_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- 关注已关注 (矩形) -->
      <div id="u920" class="ax_default button" data-label="关注已关注">
        <div id="u920_div" class=""></div>
        <div id="u920_text" class="text ">
          <p><span>已关注</span></p>
        </div>
      </div>

      <!-- 关注已关注 (矩形) -->
      <div id="u921" class="ax_default button" data-label="关注已关注">
        <div id="u921_div" class=""></div>
        <div id="u921_text" class="text ">
          <p><span>已关注</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u922" class="ax_default icon">
        <img id="u922_img" class="img " src="images/首页-推荐/u568.svg"/>
        <div id="u922_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u923" class="ax_default _文本段落">
        <div id="u923_div" class=""></div>
        <div id="u923_text" class="text ">
          <p><span>1.用户在【关注页面】点击“已关注”按钮，可取消关注该用户。</span></p><p><span><br></span></p><p><span>2.点击顶部栏“推荐”，可返回到【首页-推荐】。</span></p><p><span><br></span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
